@import "~tachyons/css/tachyons.css";

@import "~tachyons-sass/tachyons.scss";

@import "./variables";
@import "./themes";

img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}

body {
  font-family: $global-font-family;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

iframe {
  border: none;
}

// Theme

h1,
h2,
h3,
h4,
h5 {
  @extend .near-black;
  @extend .lh-solid;
}

b,
strong {
  @extend .black;
  @extend .b;
}

nav {
  a {
    @extend .dark-gray;

    &.active {
      @extend .silver;
    }
  }
}

p {
  @extend .dark-gray;
  @extend .lh-copy;

  a {
    @extend .link;
    @extend .underline-hover;
  }
}

hr {
  border-top: none;

  @extend .bb;
  @extend .b--black-20;
  @extend .mv4;
}

ul,
ol {
  @extend .pl4;
  @extend .lh-copy;
  @extend .dark-gray;

  li {
    @extend .lh-copy;

    a {
      @extend .link;
      @extend .underline-hover;
    }
  }
}

time {
  @extend .gray;
}

a.post-colophon-link,
a.post-colophon-link:visited {
  color: transparentize(black, 0.7) !important;
}

.gist table tr:last-child {
  border-bottom: 1px;
}

h2 .header-link {
  margin-top: 2rem;
}
h3 .header-link {
  margin-top: 2rem;
}
h5 .header-link {
  margin-top: -0.14rem;
}

.markdown-content .grvsc-container {
  @extend .bg-light-gray;

  font-size: 0.875rem !important;
  &::-webkit-scrollbar {
    display: none;
  }

  .grvsc-line {
    padding: 0 1rem;
  }
}

.markdown-content .gatsby-resp-image-wrapper {
  margin-top: 1rem;
}
